html,body{
  width: 100%;
  height: 100%;
  background: #f3f3f3;

}
body{
box-sizing:border-box;
font-family: Microsoft YaHei;
overflow-x: hidden;
overflow-y: scroll;
}
.header{
   background: #1296db;
   text-align: center;
   padding-top: 25px;
   width: 100%;
   position: fixed;

}
.header h3{
   color: white;
   font-size: 20px;
   font-weight: lighter;  /* 字体粗细*/
   padding-bottom: 5px;
 }
 #footer{
   margin-top: 62px;
   background-color: white;
 }
 .footer{
     width: 100%;
     height: 40px;
     /*display:inline-block;*/
     border-bottom: 1px solid  #f3f3f3;
     padding: 5px;
     position: relative;

 }
 .f1{
     margin: 10px;
     color: blue;
     position: absolute;

 }
.go{
width: 12%;
height: 100%;
float: right;
background: url(../image/go.png) no-repeat;
background-size: 40%;
background-position: center;
}
.person{
width: 100%;
height: 150px;
background: white;
font-size: 16px;
padding-top: 50px;


}
.personAlter{
width: 100px;
height: 100px;
margin:15px auto 5px auto;
position:relative;
}
.personHead{
width: 100%;
height: 100%;
border-radius: 50%;

border: 2px solid #8a8a8a;
position:absolute;
background: url("../image/changeface.png") no-repeat;
background-size: 100% 100%;
margin: auto;
/*border: 1px solid red;*/
}
.alterHead{
width: 30px;
height: 30px;
position:absolute;
left:75px;
top:75px;
background: url("../image/change.png") no-repeat;
background-size: 100%;

}
.userName{
text-align: center;
}
